<template>
	<view class="goods-detail">
		
		<!-- 顶部 -->
		<view class="dt-nav">
			<view class="content">
				<text class="iconfont" @click="navBack">&#xe609;</text>
				<view class="right">
					<text class="iconfont" v-if="data.attentionSelected" @click="onStoreIcon" style="color: #ff557d; opacity: 1; font-size: 54upx;" >&#xe62a;</text>
					<text class="iconfont" v-else  @click="onStoreIcon">&#xe645;</text>
					<text class="iconfont" v-if="data.collectSelected" @click="onShopIcon" style="color: #ff557d; opacity: 1; font-size: 54upx;" >&#xe65c;</text>
					<text class="iconfont" v-else @click="onShopIcon"  style="font-size: 54upx;">&#xe658;</text>
					<text class="iconfont" @tap="shareInfo">&#xe6f4;</text>
				</view>
			</view>
		</view>

		<!-- 轮播 start -->
		<swiper class="dt-swiper" :indicator-dots="true" indicator-color="rgba(0, 0, 0, .3)" indicator-active-color="#fff"
		 :autoplay="true" :interval="100000" :duration="400" circular="true">
			<swiper-item v-for="(img,index) in data.proimgs" :key="index">
				<view class="swiper-item">
					<image :src="img" mode="aspectFill"></image>
				</view>
				<!-- 9.9专区 -->
				
				<!-- 秒杀 -->
				<view class="sort" v-show="data.sysproid == 5">
					<image class="miaosha" src="/static/imgs/index/miaosha.png" mode="aspectFill"></image>
				</view>
				
				<!-- 拼团 -->
				<view class="sort" v-show="data.sysproid == 8">
					<image class="pingtuan" src="/static/imgs/index/pingtuan.png" mode="aspectFill"></image>
				</view>
				
				<!-- 土特产 -->
				<view class="sort" v-show="data.sysproid == 9">
					<image class="ttc" src="/static/imgs/index/ttc.png" mode="aspectFill"></image>
				</view>
				
				<!-- 二手 -->
				<view class="sort" v-show="data.sysproid == 10">
					<image class="ershou" src="/static/imgs/index/ershou.png" mode="aspectFill"></image>
					<view class="num">
						3888.1
					</view>
				</view>
				
				<!-- 其它 -->
				
				
			</swiper-item>
			<!-- <swiper-item>
				<view class="swiper-item">
					<image src="/static/imgs/dt-image1.png" mode="aspectFill"></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="/static/imgs/dt-image1.png" mode="aspectFill"></image>
				</view>
			</swiper-item>
			 -->
		</swiper>
		<!-- 轮播 end -->

		<!-- 价格与时间 -->
		<!-- 9,9 -->
		<view class="dt-time" v-if="data.sysproid == 1">
			<view class="dt-left">
				<text class="text1">￥<text class="text2">{{data.int_nowprice * 1}}</text>.{{data.dec_nowprice}}</text>
				<text class="text3">￥{{data.preprice * 1}}</text>
			</view>
			<view class="dt-right">
				<view class="zk">{{data.discount * 1}}折</view>
				<image src="/static/imgs/white-jt.png" mode="aspectFill" class="dt-jt"></image>
				<view class="time-box">
					<text class="qg">9.9元抢购</text>
				</view>
			</view>
		</view>
		
		<!-- 秒杀 -->
		<view class="dt-time" v-if="data.sysproid == 5">
			<view class="dt-left">
				<text class="text1">￥<text class="text2">{{data.int_nowprice * 1}}</text>.{{data.dec_nowprice}}</text>
				<text class="text3">￥{{data.preprice * 1}}</text>
			</view>
			<view class="dt-right">
				<text class="iconfont dt-clock">&#xe61b;</text>
				<image src="/static/imgs/white-jt.png" mode="aspectFill" class="dt-jt"></image>
				<view class="time-box">
					<view class="box-t">
						距离本商品结束还剩
					</view>
					<view class="box-f">
							<tui-countdown class="tui-countdown-box1" width="40" color="#fff" bcolor="#666" height="40" bgcolor="#666" :time="1000"></tui-countdown>
						</view>
				</view>
			</view>
		</view>
		
		<!-- 拼团 -->
		<view class="dt-time" v-if="data.sysproid == 8">
			<view class="dt-left">
				<text class="text1">￥<text class="text2">9</text>.9</text>
				<view class="ct">
					<text>2</text>
					人成团
				</view>
			</view>
			<view class="dt-right">
				<text class="iconfont dt-clock">&#xe61b;</text>
				<image src="/static/imgs/white-jt.png" mode="aspectFill" class="dt-jt"></image>
				<view class="time-box">
					<view class="box-t">
						距离本商品结束还剩
					</view>
					<view class="box-f">
							<tui-countdown class="tui-countdown-box1" width="40" color="#fff" bcolor="#666" height="40" bgcolor="#666" :time="1000"></tui-countdown>
						</view>
				</view>
			</view>
		</view>
		
		<!-- 土特产 -->
		<view class="dt-time dt-ttc" v-if="data.sysproid == 9">
			<view class="ttc-1">
				土特产专区
			</view>
			<view class="ttc-2">
				
				<image src="/static/imgs/white-jt.png" mode="aspectFill" class="dt-jt"></image>
				<view class="time-box">
					<text>￥9.9</text>
					<text>￥16.8</text>
				</view>
			</view>
		</view>
		
		<!-- 二手 -->
		<view class="dt-time" v-if="data.sysproid == 10">
			<view class="dt-left">
				<text class="text1">￥<text class="text2">9</text>.9</text>
				<view class="ct">
					<text>2</text>
					人成团
				</view>
			</view>
			<view class="dt-right">
				<text class="iconfont dt-clock">&#xe61b;</text>
				<image src="/static/imgs/white-jt.png" mode="aspectFill" class="dt-jt"></image>
				<view class="time-box">
					<view class="box-t">
						距离本商品结束还剩
					</view>
					<view class="box-f">
							<tui-countdown class="tui-countdown-box1" width="40" color="#fff" bcolor="#666" height="40" bgcolor="#666" :time="1000"></tui-countdown>
						</view>
				</view>
			</view>
		</view>
		
		<!-- 价格与时间 end-->
		<view class="dt-title">
			<text class="t-l">{{data.proname}}</text>
			<text class="t-r">仅剩:{{data.pronums}}</text>
		</view>
		<view class="dt-line2">
			配送方式：{{data.delivery}}
		</view>


		<!-- 邻居购买情况 -->
		<view class="dt-buy">
			<block v-for="(img,a) in data.useShavatarList" :key="a">
				<image :src="img" mode="aspectFill"></image>
			</block>
			<view class="buy-r">
				已有<text>1</text>位邻居购买
			</view>
		</view>

		<!-- 评价 -->
		<view class="dt-assess">
			<view class="as-left">
				<image :src="data.shavatar" mode="aspectFill"></image>
			</view>
			<view class="as-right">
				<view class="as-line1">
					{{data.shname}}
				</view>
				<view class="as-line2">
					<view class="item1">
						<text class="as-r">店铺信用评价</text>
						<tui-rate :current="data.creditnum / data.shopSaledSum" :quantity="5" :size="14" active="#ffaa00"></tui-rate>
					</view>
					<text>共有{{ data.shopSaledSum }}个消费评价 <text class="iconfont">&#xe600;</text></text>
				</view>

			</view>

		</view>
		
		<!-- 选择拼团 -->
		<view class="pt" v-if="sortStatus == 2">
			<view class="pt-title">
				直接参与可快速成团
			</view>
			<view class="pt-item">
				<image src="/static/img/im/face/face_7.jpg" mode="aspectFill"></image>
				<text class="phone">139****8741</text>
				<view class="num">
					<view class="t">
						还差<text>1人</text>成团
					</view>
					<view class="b">
						<text>距结束</text>
						<tui-countdown class="tui-countdown-box1" width="26" splitor-color="#999" color="#999" bcolor="#fff" height="40" bgcolor="#fff" :time="1000"></tui-countdown>
					</view>
				</view>
				<button >立即参团</button>
			</view>
		</view>
		
		<!-- activity -->
		<view class="dt-activity">
			<view class="at-item1">
				<image src="/static/imgs/activity.png" mode=""></image>
				<text>活动</text>
			</view>
			
			<view class="at-item2" v-if="data.orderlimit">
				限购：<text>{{data.orderlimit}}</text>
			</view>
			<block v-for="(mj,index) in data.benefit" :key="index">
				<view class="at-item2">
					满减：<text>购买每满{{mj.amout_srtart * 1}}元立减{{mj.discount * 1}}元
					</text>
				</view>
			</block>
			

		</view>

		<!-- 商品详情 -->
		<view class="detail">
			<view class="gs-detail">
				<image src="/static/imgs/detail-l.png" mode="aspectFill"></image>
				<text>商品详情</text>
				<image src="/static/imgs/detail-r.png" mode="aspectFill"></image>
			</view>
			<view class="gd-content">
				<view class="ct-item" v-for="(dt,index) in data.proDetailInfo" :key="index">
					{{dt.name}}<text>{{dt.val}}</text>
				</view>
			</view>
		</view>

		<!-- 商品图片 -->
		<view class="goods-img" v-for="(img,sub) in data.product_detail_imgs" :key="sub">
			<image :src="img" mode="widthFix"></image>
		</view>

		<!-- 留言 leave word-->
		<view class="lWord">
			
			<view class="lw-h">
				<text class="h-1">留言</text>
				<text class="h-2">({{leaveData.count}})</text>
				<text class="h-3">添加留言</text>
			</view>

			<!-- 评论 -->
			<block>
				<view class="lw-ct-h">
					<image src="/static/imgs/comment-icon1.png" mode="aspectFill" class="ct-image1"></image>
					<text class="ct-1">天使的翅膀</text>
					<text class="hf-2" v-show="false">店家</text>
					<view class="ct-2">
						<image src="/static/imgs/reply.png" mode="aspectFill"></image>
						<text>回复</text>
					</view>
					<view class="ct-3" @click="like = !like">
						<text class="iconfont" style="font-size: 36upx;" v-if="like">&#xe65d;</text>
						<text class="iconfont" style="color: #FF557D;font-size: 36upx;" v-else>&#xe639;</text>
						<text  v-if="like">点赞</text>
						<text v-else style="color: #FF557D;">已赞</text>
					</view>
				</view>
				<view class="ct-content">
					送货上门吗？
				</view>
			</block>

			<!-- 留言的回复 -->
			<view class="lw-ct-h">
				<image src="/static/imgs/comment-icon2.png" mode="aspectFill" class="ct-image1"></image>
				<text class="ct-1">永不破灭的光</text>
				<text class="hf-2">店家</text>
				<view class="ct-2" v-show="false">
					<image src="/static/imgs/reply.png" mode="aspectFill"></image>
					<text>回复</text>
				</view>
				<view class="ct-3" @click="like = !like" v-show="false">
					<text class="iconfont" style="font-size: 36upx;" v-if="like">&#xe65d;</text>
					<text class="iconfont" style="color: #FF557D;font-size: 36upx;" v-else>&#xe639;</text>
					<text  v-if="like">点赞</text>
					<text v-else style="color: #FF557D;">已赞</text>
				</view>
			</view>
			<!-- 回复的内容 -->
			<view class="ct-content">
				回复@天使的翅膀：所在范围内可以送货上门。
			</view>
			
			<view class="seeMore" v-show="true">
				查看更多 <text class="iconfont">&#xe600;</text>
			</view>
		</view>

		<!-- 评价 -->
		<view class="lWord">
			<view class="lw-h">
				<text class="h-1">评价</text>
				<text class="h-2">(366)</text>
			</view>

			<view class="lw-ct-h">
				<!-- comment 评论 -->
				<image src="/static/imgs/comment-icon1.png" mode="aspectFill" class="ct-image1"></image>
				<text class="ct-1">天使的翅膀</text>
				<view class="ct-2">
					<image src="/static/imgs/reply.png" mode="aspectFill"></image>
					<text>回复</text>
				</view>
				<view class="ct-3" @click="like = !like">
					<text class="iconfont" style="font-size: 36upx;" v-if="like">&#xe65d;</text>
					<text class="iconfont" style="color: #FF557D;font-size: 36upx;" v-else>&#xe639;</text>
					<text  v-if="like">点赞</text>
					<text v-else style="color: #FF557D;">已赞</text>
				</view>
			</view>

			<!-- ct内容 -->
			<view class="ct-content">
				这款猫粮非常不错，猫咪非常喜欢吃
			</view>
			
			<view class="lw-ct-h">
				
				<image src="/static/imgs/comment-icon2.png" mode="aspectFill" class="ct-image1"></image>
				<text class="ct-1">永不破灭的光</text>
				<text class="hf-2">店家</text>
				<view class="ct-2" v-show="false">
					<image src="/static/imgs/reply.png" mode="aspectFill"></image>
					<text>回复</text>
				</view>
				<view class="ct-3" @click="like = !like" v-show="false">
					<text class="iconfont" style="font-size: 36upx;" v-if="like">&#xe65d;</text>
					<text class="iconfont" style="color: #FF557D;font-size: 36upx;" v-else>&#xe639;</text>
					<text  v-if="like">点赞</text>
					<text v-else style="color: #FF557D;">已赞</text>
				</view>
			</view>
			<!-- 回复的内容 -->
			<view class="ct-content">
				回复@天使的翅膀：所在范围内可以送货上门。
			</view>
			<view class="seeMore" v-show="true">
				查看更多 <text class="iconfont">&#xe600;</text>
			</view>
			
		</view>

		<!-- 底部 start -->
		<!-- 正常状态 -->
		<view class="dt-footer" v-if="sortStatus != 2">
			<view class="ft-1" @click="navToTab('/pages/index/index')">
				<image src="/static/imgs/tabbar/home.png" mode=""></image>
				<view class="">
					首页
				</view>
				</navigator>
			</view>

			<view class="ft-1" @click="navTo('/pages/discountMall/shopCart')">
				<image src="/static/imgs/shoppingcart.png" mode="" class="shoppingcart"></image>
				<view>
					购物车
				</view>
			</view>
			
			<view class="ft-2">
				<view class="add-cart button" @click="buy('QSPopup-cart', 0)">加入购物车</view>
			</view>
			<view class="ft-2">
				<view class="ra-buy button"  @click="buy('QSPopup-cart', 1)">立即购买</view>
			</view>
			
			
		</view>
		
		<!-- 拼团状态 -->
		<view class="dt-footer" v-else>
			<view class="ft-1" @click="navToTab('/pages/index/index')">
				<image src="/static/imgs/tabbar/home.png" mode="aspectFill"></image>
				<view class="">
					首页
				</view>
				</navigator>
			</view>
		
			<view class="ft-1" @click="navTo('/pages/discountMall/shopCart')">
				<image src="/static/imgs/shoppingcart.png" mode="aspectFill" class="shoppingcart"></image>
				<view>
					购物车
				</view>
			</view>
			
			<view class="ft-2">
				<view class="button yrp" @click="buy('QSPopup-cart', 0)">
					<text>￥16.8</text>
					<text>一人拼</text>
				</view>
			</view>
			<view class="ft-2">
				<view class="button kt"  @click="buy('QSPopup-cart', 1)">
					<text>￥9.9</text>
					<text>我要开团</text>
				</view>
			</view>

		</view>
		
		<!-- 底部 end -->
		
		<!-- 弹窗加入购物车 -->
		<QSPopup ref="QSPopup-cart" type="fadeInUp1" @click.stop="aaa()">
			<view class="buy-menu">
				<view class="menu-line1">
					<image :src="data.proimgs[1]" mode="aspectFill"></image>
					<view class="line1-right">
							<text class="text1">￥<text class="text2">{{data.int_nowprice * 1}}</text>.{{data.dec_nowprice}}</text>
							<text class="text3">￥{{data.preprice * 1}}</text> <br/>
							<text class="text4">仅剩{{data.pronums}}件</text>
					</view>
					<text class="iconfont" @click="hideQS('QSPopup-cart')">&#xe628;</text>
				</view>
				<view class="menu-line2">
					<text>规格</text>
					<text>默认</text>
				</view>
				<view class="menu-line2">
					<text>购买数量</text>
					<!-- <text>默认</text> -->
					<tui-numberbox :value="value" :max="data.pronums" @change="change" class="number-box"></tui-numberbox>
				</view>
				<button type="primary" @click="onfinish">完成</button>
			</view>
		</QSPopup>
		
	</view>
</template>

<script>
	import share from "@/components/share.js"; // 分享组件
	import QSPopup from '@/components/QS-popup/QS-popup.vue'; // 弹窗
	import tuiNumberbox from "@/components/numberbox/numberbox"; // 数字选择
	import tuiCountdown from "@/components/countdown/countdown"; // 倒计时
	import tuiRate from "@/components/rate/rate"; // 评分
	import {mapState,mapMutations} from "vuex";
	
	
	export default {
		components: {
			QSPopup,
			tuiNumberbox,
			tuiCountdown,
			tuiRate
		},
		data() {
			return {
				key: '',
				storeFlag: true,
				shopFlag: true,
				value: 1,
				selectType: 0, // 选择加入购物车，还是购买
				like: true,
				sortStatus: 0, // 分类状态
				proid: '',
				data: {}, // 所有数据
				leaveData: {}, // 留言的数据
				appraise: {}, // 评价的数据
			}
		},
		onLoad(option) {
			this.getProductDetail(option.proid);
			this.getLeave();
			// this.getAppraise();
		},
		methods: {
			...mapMutations(['addCart']),
			
			async getProductDetail(id) { // 获取商品数据
				let a = await this.$http.getProductDetail({proid: id});
				this.data = a.data;
			},
			async getLeave() {
				let a = await this.$http.leave({product_id: 998});
				this.leaveData = a.data;
			},
			async getAppraise() {
				let a = await this.$http.appraise({product_id: 998});
				this.appraise = a.data;
			},
			
			// 弹窗中的逻辑 start 
			buy(ref,num) { // 弹窗选规格
				this.$refs[ref].show();
				this.selectType = num;
			},
			async onfinish() { // 弹窗中的完成
			
					if(this.selectType == 0){ // 添加到购物车
					// let a = {
					// 	or_proid: this.data.proid,
					// 	or_shopid: this.data.shopid,
					// 	or_pronum: this.value,
					// }
					// 	let b = await this.$http.addOrder(a);
					// b.code == 200
						if(true) { // 购物车 模块
							
							let goodsInfo = {
								shopid: this.data.shopid,
								shopSelect: true,
								shopname: this.data.shname,
								express: '自提',
								expressId: '1',
								amount: '' , // 总价
								comment: '', // 评论
								benefit: this.data.benefit,
								itemInfo: [ // 每次加入购物车是1个商品数据，1个店铺下的所有商品数据
									{
								goodsSelected: true,
								proid: this.data.proid,
								num: this.value,
								img: this.data.proimgs[1],
								goodsname: this.data.proname,
								price: this.data.nowprice,
								limit: this.data.pronums,
							}
							]
							}
							this.addCart(goodsInfo);
							
							uni.showToast({
								title: '添加购物车成功',
								icon: 'none'
							})
							this.$refs['QSPopup-cart'].hide();
							return
						}
						uni.showToast({
							title: b.message,
							icon: 'none'
						})
						return
					}
					// 进入确定订单界面
					this.$refs['QSPopup-cart'].hide();
					let orderInfo = 
						{
							shopid: this.data.shopid,
							proid: this.data.proid,
							num: this.value,
							img: this.data.proimgs[1],
							goodsname: this.data.proname,
							price: this.data.nowprice,
							benefit: this.data.benefit,
							shopname: this.data.shname,
							limit: this.data.pronums,
							express: '自提',
							expressId: '1',
							amount: '' ,// 总价
							comment: ''
						}
					orderInfo = JSON.stringify(orderInfo);
					this.navTo(`/pages/discountMall/finishOrder?orderInfo=${orderInfo}`);
					
				
			},
			hideQS(ref){ //  隐藏弹窗
				this.$refs[ref].hide()
			},
			change: function(e) { // 数字选择
				this.value = e.value
			},
			
			// 弹窗中的逻辑 end
			navTo(url) { // 路由跳转
				uni.navigateTo({
					url
				});
			},
			navToTab(url) { // 路由到TabBar
				uni.switchTab({
					url
				});
			},
			navBack() { // 返回上一层
				uni.navigateBack();
			},
			async	onStoreIcon() { // 店铺收藏
					if (this.data.attentionSelected) { // 取消收藏
						let a = await this.$http.delStore({shopid: this.data.shopid});
						if(a.code == 200) {
							this.data.attentionSelected = false;
							uni.showToast({
								title: '取消收藏店铺成功',
								icon: 'none'
							});
							return
						}
						uni.showToast({
							title: a.message,
							icon: 'none'
						});
					};
					// 收藏操作
					let b = await this.$http.addStore({shopid: this.data.shopid});
					if(b.code == 200) {
						this.data.attentionSelected = true;
						uni.showToast({
							title: '收藏店铺成功',
							icon: 'none'
						});
						return
					}
					uni.showToast({
						title: b.message,
						icon: 'none'
					});
			},
			async onShopIcon() { // 商品收藏
				if (this.data.collectSelected) { // 取消收藏
					let a = await this.$http.deleteCollect({proid: this.data.proid,shopid: this.data.shopid});
					if(a.code == 200) {
						this.data.collectSelected = false;
						uni.showToast({
							title: '取消收藏店铺成功',
							icon: 'none'
						});
						return
					}
					uni.showToast({
						title: a.message,
						icon: 'none'
					});
				};
				// 收藏操作
				let b = await this.$http.addCollect({proid: this.data.proid,shopid: this.data.shopid});
				if(b.code == 200) {
					this.data.collectSelected = true;
					uni.showToast({
						title: '收藏店铺成功',
						icon: 'none'
					});
					return
				}
				uni.showToast({
					title: b.message,
					icon: 'none'
				});
			},
			aaa() {
				return true;
			},
			shareInfo(){ // 分享功能的实现
					let shareInfo={
						href:"https://uniapp.dcloud.io",
						title:"分享测试",
						desc:"分享测试",
						imgUrl:"/static/logo.png"
					};
					let shareList=[
						{
							icon:"/static/imgs/sharemenu/wx.png",
							text:"微信好友",
						},
						{
							icon:"/static/imgs/sharemenu/pyq.png",
							text:"朋友圈"
						},
						{
							icon:"/static/imgs/sharemenu/weibo.png",
							text:"微博"
						},
						{
							icon:"/static/imgs/sharemenu/qq.png",
							text:"QQ"
						},
						{
							icon:"/static/imgs/sharemenu/copy.png",
							text:"复制"
						},
						{
							icon:"/static/imgs/sharemenu/more.png",
							text:"更多"
						},
					];
					this.shareObj=share(shareInfo,shareList,function(index){
						console.log("点击按钮的序号: " + index);
						let shareObj={
							href:shareInfo.href||"",
							title:shareInfo.title||"",
							summary:shareInfo.desc||"",
							success:(res)=>{
								console.log("success:" + JSON.stringify(res));
							},
							fail:(err)=>{
								console.log("fail:" + JSON.stringify(err));
							}
						};
						switch (index) {
							case 0:
								shareObj.provider="weixin";
								shareObj.scene="WXSceneSession";
								shareObj.type=0;
								shareObj.imageUrl=shareInfo.imgUrl||"";
								uni.share(shareObj);
								break;
							case 1:
								shareObj.provider="weixin";
								shareObj.scene="WXSenceTimeline";
								shareObj.type=0;
								shareObj.imageUrl=shareInfo.imgUrl||"";
								uni.share(shareObj);
								break;
							case 2:
								shareObj.provider="sinaweibo";
								shareObj.type=0;
								shareObj.imageUrl=shareInfo.imgUrl||"";
								uni.share(shareObj);
								break;
							case 3:
								shareObj.provider="qq";
								shareObj.type=1;
								shareObj.imageUrl=shareInfo.imgUrl||"";
								uni.share(shareObj);
								break;
							case 4:
								uni.setClipboardData({
									data:shareInfo.href,
									complete() {
										uni.showToast({
											title: "已复制到剪贴板"
										})
									}
								})
								break;
							case 5:
								plus.share.sendWithSystem({
									type:"web",
									title:shareInfo.title||"",
									thumbs:[shareInfo.imgUrl||""],
									href:shareInfo.href||"",
									content: shareInfo.desc||"",
								})
								break;
						};
					});
					this.$nextTick(()=>{
						this.shareObj.alphaBg.show();
						this.shareObj.shareMenu.show();
					})
				}
			
		},
		onShow() {

		},
		// #ifdef APP-PLUS
		onBackPress() {
			//监听back键，关闭弹出菜单
			if (this.shareObj.shareMenu.isVisible()) {
				this.shareObj.shareMenu.hide();
				this.shareObj.alphaBg.hide();
				return true
			}
		},
		// #endif
		
	}
</script>

<style lang="scss" scoped>
	@import 'static/css/goodsDetail.scss';
	@import 'static/css/myStore.scss';
</style>
